<div ng-include="'tpl/access/sign_header.html'"></div>
<div class="bg-white panel-body" ng-controller="registerChainCtrl">
    <div class="container pos-rlt">
        <!-- 进度条头部 -->
        <div class="text-center m-b-sm">
            <div class="inline">
                <div class="app-process-container app-process-active">
                    <div class="app-process-text">1:店铺基本信息</div>
                    <div class="app-process-next-tri"></div>
                </div>
                <div class="app-process-container app-process-active">
                    <div class="app-process-prev-tri"></div>
                    <div class="app-process-text">2:入驻商户类型</div>
                    <div class="app-process-next-tri"></div>
                </div>
                <div class="app-process-container">
                    <div class="app-process-prev-tri"></div>
                    <div class="app-process-text">3:选择套餐</div>
                    <div class="app-process-next-tri"></div>
                </div>
            </div>
        </div>


        <div class="panel-body">
            <form class="form-validation" name="chainForm" ng-submit="addChain()">
                <div class="text-center  panel-body pos-rlt">
                    <div class="panel-body">
                        <!--连锁品牌名称 -->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">连锁品牌名称</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control m-b-sm" ng-model="chain.name" name="name" placeholder="请输入连锁品牌名称" required>
                                <div ng-if="chainForm.name.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="chainForm.name.$error.required">请填写连锁品牌名称</label>
                                </div>
                            </div>
                        </div>

                        <!--连锁品牌联系人 -->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">联系人</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control m-b-sm" ng-model="chain.linkman" name="linkman" placeholder="请输入连锁品牌联系人" required>
                                <div ng-if="chainForm.linkman.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="chainForm.linkman.$error.required">请填写连锁品牌联系人</label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">手机号</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control m-b-sm" ng-model="chain.mobilePhone" name="mobilePhone" ng-pattern="/^1[34578]\d{9}$/" placeholder="请输入联系人手机号" required>
                                <div ng-if="chainForm.mobilePhone.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="chainForm.mobilePhone.$error.required">请填写联系人手机号</label>
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="chainForm.mobilePhone.$error.pattern">请填写正确的手机号</label>
                                </div>
                            </div>
                        </div>

                        <!--商店数目 -->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">商店数目</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control m-b-sm" ng-model="chain.count" name="count" placeholder="请输入商店数目" maxlength="5" ng-pattern="/^([1-9][\d]*|0)$/" required>
                                <div ng-if="chainForm.count.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="chainForm.count.$error.required">请填写商店数目</label>
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="chain.count<=0">商店数目不能必须大于0</label>
                                </div>
                            </div>
                        </div>

                        <!--行业选择-->
                        <div class="form-group panel-body no-padder">
                            <label class="col-sm-4 control-label text-right h5 m-t-sm">选择行业</label>
                            <div class="col-sm-4">
                                <select class="input-sm form-control m-b-sm" ng-model="chain.industryId" name="industryId" ng-options="item.id as item.fullName for item in industry" required>
                                    <option value="">请选择分类</option>
                                </select>
                                <div ng-if="chainForm.industryId.$touched">
                                    <label class="pull-left text-left text-danger h6 l-h"  ng-if="chainForm.industryId.$error.required">请选择分类</label>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="re-bar-info">
                        <div class="re-bar-item">
                            <div class="bar-top-o-dot"></div>
                            <div class="title-link">
                                <div class="title-link-box"></div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-o-dot"></div>
                            <div class="bar-o-btn">
                                <div class="bar-o-btn-bar"></div>
                                <div class="bar-o-btn-tri"></div>
                            </div>
                            <div class="title-link">
                                <div class="title-link-box">
                                    <span class="block m-b-xs">1.连锁品牌基本信息</span>
                                    <ul class="block m-n m-l-xs no-padder">
                                        <li class="block text-muted h6 m-b-xs">1:基本信息</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-bm-o-dot"></div>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <div class="inline" ng-if="!addState">
                        <button type="submit" class="btn btn-success" ng-disabled="chainForm.$invalid">下一步</button>
                    </div>
                    <div class="inline" ng-if="addState">
                        <button class="btn btn-success" disabled="disabled">生成中...</button>
                    </div>
                </div>
            </form>
        </div>

    </div>
</div>
<!--<div ng-include="'tpl/access/sign_footer.html'"></div>-->






